<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>3有评测结果</title>
		<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" type="text/css" href="../../css/mui.min.css" />
		<style>
			*{
				margin: 0px;
				padding: 0px;
				border: 0px;
				font-family: "黑体";
			}
			
			.mui-badge-warning {
				color: #fff;
				background-color: #00A8C6;
				font-size: 13px;
			}
		</style>
	</head>
	<body style="background-color: #F3F7F8; width: 100%; height: 100%;">
		<div class="mui-content" style="background-color: #F3F7F8; margin-top: 5px;">
			<div id="exemRes3" style="text-align: center; background-color: white; margin-left: 8px; margin-right: 8px;">
				<span style="display: block; color: #00A8C6;">你的3有测评的总体测评结果</span>
				<span style="display: block; margin-top: 30px;">
					<img src="img/caihongtu3_03.png" style="width: 214px;" />
				</span>
				<span style="display: block; color: #00A8C6; font-size: 13px;">本次综合分数：100</span>
			</div>
			
			<div id="exemOption" style="margin-top: 12px;">
				
				<!--
                	作者：xuzhao_deng@sina.com
                	时间：2017-01-19
                	描述：快乐
                -->
				<div style="margin: 0px 8px 0px 8px;">
					<div id="happyInfo" style="height: 37px; background-color: white; width: 100%; padding-top:6px;">
						<span style="color: #00A8C6; display: block; float: left; margin-left: 12px; font-size: 14px;">孩子快乐指数:
							<img src="img/star2_03.png" style="width: 11px;" />
							<img src="img/star2_03.png" style="width: 11px;" />
							<img src="img/star2_03.png" style="width: 11px;" />
							<img src="img/star2_03.png" style="width: 11px;" />
							<img src="img/star2_03.png" style="width: 11px;" />
						</span>
						<span style="float: right; display: flex; margin-right: 14px;">
							<span style="display: block; margin-top: 2px;"><img src="img/chakankoufen_03.png" style="width: 44px;"/></span>
							<span style="display: block; margin-left: 15px;"><img src="img/xiangxia_03.png" style="width: 16px;"/></span>
						</span>
					</div>
					
					<div id="foldhappy" style="margin-left: 28px; display: none;">
						<div style="display: flex; margin-top: 4px;">
							<span>
								<img src="img/numbg.png" style="width: 19px;" />
								<span style="display: block; color: #FFFFFF; margin-top: -25px; margin-left: 5px;">1</span>
							</span>
							<span style="color: #616161; font-size: 14px; margin-left: 10px; display: inline-block;">测评结果：较快乐</span>
						</div>
						<hr style="width: 100%; height: 1px; background-color: #F1F1F1;" />
						<div style="display: flex; margin-top: 8px;">
							<span>
								<img src="img/numbg.png" style="width: 19px;" />
								<span style="display: block; color: #FFFFFF; margin-top: -25px; margin-left: 5px;">2</span>
							</span>
							<span style="color: #616161; font-size: 14px; margin-left: 16px; display: inline-block;">结果分析：孩子的自信很强，相信孩子会有一个好人生，为你的孩子而努力</span>
						</div>
						<hr style="width: 100%; height: 1px; background-color: #F1F1F1;" />
						<div style="display: flex; margin-top: 8px;">
							<span>
								<img src="img/numbg.png" style="width: 19px;" />
								<span style="display: block; color: #FFFFFF; margin-top: -25px; margin-left: 5px;">3</span>
							</span>
							<span style="color: #616161; font-size: 14px; margin-left: 16px; display: inline-block;">建议改善：望继续努力，将345唤醒法灵活运用，将更有助于孩子人格成长</span>
						</div>
						
					</div>
					
				</div>
				<hr style="width: 100%; height: 1px; background-color: #F1F1F1;" />
				<div style="margin: 0px 8px 0px 8px;">
					<div id="confidenceInfo" style="height: 37px; background-color: white; width: 100%; padding-top:6px;">
						<span style="color: #00A8C6; display: block; float: left; margin-left: 12px; font-size: 14px;">孩子自信指数:
							<img src="img/star2_03.png" style="width: 11px;" />
							<img src="img/star2_03.png" style="width: 11px;" />
							<img src="img/star2_03.png" style="width: 11px;" />
							<img src="img/star2_03.png" style="width: 11px;" />
							<img src="img/star2_03.png" style="width: 11px;" />
						</span>
						<span style="float: right; display: flex; margin-right: 14px;">
							<span style="display: block; margin-top: 2px;"><img src="img/chakankoufen_03.png" style="width: 44px;"/></span>
							<span style="display: block; margin-left: 15px;"><img src="img/xiangxia_03.png" style="width: 16px;"/></span>
						</span>
					</div>
					
					<div id="foldconfidence" style="margin-left: 28px; display: none;">
						<div style="display: flex; margin-top: 4px;">
							<span>
								<img src="img/numbg.png" style="width: 19px;" />
								<span style="display: block; color: #FFFFFF; margin-top: -25px; margin-left: 5px;">1</span>
							</span>
							<span style="color: #616161; font-size: 14px; margin-left: 10px; display: inline-block;">测评结果：较快乐</span>
						</div>
						<hr style="width: 100%; height: 1px; background-color: #F1F1F1;" />
						<div style="display: flex; margin-top: 8px;">
							<span>
								<img src="img/numbg.png" style="width: 19px;" />
								<span style="display: block; color: #FFFFFF; margin-top: -25px; margin-left: 5px;">2</span>
							</span>
							<span style="color: #616161; font-size: 14px; margin-left: 16px; display: inline-block;">结果分析：孩子的自信很强，相信孩子会有一个好人生，为你的孩子而努力</span>
						</div>
						<hr style="width: 100%; height: 1px; background-color: #F1F1F1;" />
						<div style="display: flex; margin-top: 8px;">
							<span>
								<img src="img/numbg.png" style="width: 19px;" />
								<span style="display: block; color: #FFFFFF; margin-top: -25px; margin-left: 5px;">3</span>
							</span>
							<span style="color: #616161; font-size: 14px; margin-left: 16px; display: inline-block;">建议改善：望继续努力，将345唤醒法灵活运用，将更有助于孩子人格成长</span>
						</div>
						
					</div>
					
					
					
				</div>
				
				<hr style="width: 100%; height: 1px; background-color: #F1F1F1;" />
				<div style="margin: 0px 8px 0px 8px;">
					<div id="powerInfo" style="height: 37px; background-color: white; width: 100%; padding-top:6px;">
						<span style="color: #00A8C6; display: block; float: left; margin-left: 12px; font-size: 14px;">孩子动力指数:
							<img src="img/star2_03.png" style="width: 11px;" />
							<img src="img/star2_03.png" style="width: 11px;" />
							<img src="img/star2_03.png" style="width: 11px;" />
							<img src="img/star2_03.png" style="width: 11px;" />
							<img src="img/star1_03.png" style="width: 11px;" />
						</span>
						<span style="float: right; display: flex; margin-right: 14px;">
							<span style="display: block; margin-top: 2px;"><img src="img/chakankoufen_03.png" style="width: 44px;"/></span>
							<span style="display: block; margin-left: 15px;"><img src="img/xiangxia_03.png" style="width: 16px;"/></span>
						</span>
					</div>
					
					<!--
                    	作者：xuzhao_deng@sina.com
                    	时间：2017-01-19
                    	描述：动力
                    -->
					<div id="foldpower" style="margin-left: 28px; display: none;">
						<div style="display: flex; margin-top: 4px;">
							<span>
								<img src="img/numbg.png" style="width: 19px;" />
								<span style="display: block; color: #FFFFFF; margin-top: -25px; margin-left: 5px;">1</span>
							</span>
							<span style="color: #616161; font-size: 14px; margin-left: 10px; display: inline-block;">测评结果：较快乐</span>
						</div>
						<hr style="width: 100%; height: 1px; background-color: #F1F1F1;" />
						<div style="display: flex; margin-top: 8px;">
							<span>
								<img src="img/numbg.png" style="width: 19px;" />
								<span style="display: block; color: #FFFFFF; margin-top: -25px; margin-left: 5px;">2</span>
							</span>
							<span style="color: #616161; font-size: 14px; margin-left: 16px; display: inline-block;">结果分析：孩子的自信很强，相信孩子会有一个好人生，为你的孩子而努力</span>
						</div>
						<hr style="width: 100%; height: 1px; background-color: #F1F1F1;" />
						<div style="display: flex; margin-top: 8px;">
							<span>
								<img src="img/numbg.png" style="width: 19px;" />
								<span style="display: block; color: #FFFFFF; margin-top: -25px; margin-left: 5px;">3</span>
							</span>
							<span style="color: #616161; font-size: 14px; margin-left: 16px; display: inline-block;">建议改善：望继续努力，将345唤醒法灵活运用，将更有助于孩子人格成长</span>
						</div>
						
					</div>
					
					
				</div>
				
			</div>
		</div>
		
		<footer style="text-align: center; margin-top: 50px;">
			<button style="height: 35px; background-color: #00A8C6; color: #FFFFFF; width: 80%;" id="btnReTest">重新测试</button>
		</footer><br /><br />
	</body>
	<script src="../../js/mui.min.js"></script>
	<script src="../../js/jquery-1.8.3.min.js"></script>
	<script>
		mui.init({
			swipeBack:true //启用右滑关闭功能
		});
		
		document.getElementById("happyInfo").addEventListener("tap", function(){
			if(document.getElementById("foldhappy").style.display == ""){
				document.getElementById("foldhappy").style.display = "none";
			} else {
				document.getElementById("foldhappy").style.display = "";
			}
		});
		
		document.getElementById("confidenceInfo").addEventListener("tap", function(){
			if(document.getElementById("foldconfidence").style.display == ""){
				document.getElementById("foldconfidence").style.display = "none";
			} else {
				document.getElementById("foldconfidence").style.display = "";
			}
		}); 
		
		document.getElementById("powerInfo").addEventListener("tap", function(){
			if(document.getElementById("foldpower").style.display == ""){
				document.getElementById("foldpower").style.display = "none";
			} else {
				document.getElementById("foldpower").style.display = "";
			}
		});
		
		document.getElementById("btnReTest").addEventListener("tap", function(){
			mui.openWindow({
				url : "exem.html?exemid=12"
			});
		});
	</script>
</html>
